<%@ page language="java" 
         contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"
         %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <!--css for register page-->
        <link rel="stylesheet" href="css/signup.css" type="text/css" />
        <!--javascript for validating form-->
        <script type="text/javascript" src="js/register.js"></script>
        <title>IBallon Register Page</title>
    </head>

    <body>

        <div id="pageheader">
            <div class="content">
                <h1>Signup</h1>
            </div>
        </div>

        <div id="container">
            <div class="content">
                <div id="signupbox">
                    <div id="signupwrap">
                        <form id="signupform" method="post" action="Register.do">
                            <table>
                                <tr>
                                    <td class="label"><label id="lemail" for="email">User Email</label></td>
                                    <td class="field"><input id="email" name="email" type="text"  class="textfield" maxlength="150"  /><span id="emailHint"></span></td>
                                </tr>
                                <tr>
                                    <td class="label"><label id="lfirstname" for="firstname">First Name</label></td>
                                    <td class="field"><input id="firstname" name="firstname" type="text" class="textfield"  maxlength="100" onblur="validateFirstname();"/><span id="firstNameHint"></span></td>
                                </tr>
                                <tr>
                                    <td class="label"><label id="llastname" for="lastname">Last Name</label></td>
                                    <td class="field"><input id="lastname" name="lastname" type="text" class="textfield"  maxlength="100" onblur="validateLastname();" /><span id="lastNameHint"></span></td>
                                </tr>
                                <tr>
                                    <td class="label"><label id="lpassword" for="password">Password</label></td>
                                    <td class="field"><input id="password" name="password" type="password" class="textfield" maxlength="50" /></td>
                                </tr>
                                <tr>
                                    <td class="label"><label id="lpassword_confirm" for="password_confirm">Confirm Password</label></td>
                                    <td class="field"><input id="password_confirm" name="password_confirm" type="password" class="textfield" maxlength="50" onblur="validatePassword();" /><span id="passwordHint"></span></td>
                                </tr>

                                <tr>
                                    <td class="label"><label id="lsignupsubmit" for="signupsubmit">Signup</label></td>
                                    <td class="field" colspan="2">
                                        <input id="signupsubmit" name="signup" type="submit" value="Signup" />
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div> <!-- /signupwrap -->
                </div> <!-- /signupbox -->                
            </div>
        </div> <!-- /container--> 
    </body>
</html>

